<?php 
	header("Content-type: text/html; charset=utf-8");
	$list=$data['userlist'];
	$signifi=$data['cosignifi'];
	//var_dump($signifi);
 ?>
<!DOCTYPE html>
<html>
<head>
<title>社团风采</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="reptiles Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstarp-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstarp-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
	<!-- banner -->
	<div class="banner">
		<div class="logo">
			<a href="index.php">青年志愿者协会</a>
		</div>
		<div class="top-nav">
			<span class="menu">MENU</span>
			<ul class="nav1">
				<li><a href="index.php?c=index&m=index" class="active">社团风采</a></li>
				<li><a href="index.php?c=index&m=about">社团简介</a></li>
				<li><a href="index.php?c=index&m=gallery">活动照片展示</a></li>
				<li><a href="#news" class="scroll">News &amp; Events</a></li>
				<li><a href="index.php?c=index&m=contact">合作相关信息/注册为协会成员</a></li>
			</ul>
			<!-- script-for-menu -->
				<script>
					 $( "span.menu" ).click(function() {
					$( "ul.nav1" ).slideToggle( 300, function() {
					// Animation complete.
						});
						});
				</script>
			<!-- /script-for-menu -->
		</div>
		<div class="banner-grid">
					<div class="bx-caption">
						<script src="js/responsiveslides.min.js"></script>
					<script>
						// You can also use "$(window).load(function() {"
						$(function () {
						  // Slideshow 4
						  $("#slider3").responsiveSlides({
							auto: true,
							pager: true,
							nav: false,
							speed: 500,
							namespace: "callbacks",
							before: function () {
							  $('.events').append("<li>before event fired.</li>");
							},
							after: function () {
							  $('.events').append("<li>after event fired.</li>");
							}
						  });
					
						});
					</script>
					<div  id="top" class="callbacks_container">
						<ul class="	" id="slider3">
							<li>
								<div class="banner-info">
									<h3>价值意义</h3>
									<p>志愿者（volunteer）一词来源于拉丁文中的“voluntas”,意为“意愿”。对于这一概念，我国大陆和港台地区由于对volunteer的译法不一致而有所不同（我国大陆地区一般称为志愿者；香港称之为义工；台湾地区称之为志工），但实质内容基本是一致的。一般认为，志愿者是自愿贡献个人时间和精力，在不计物质报酬的前提下为推动人类发展、社会进步和社会福利事业而提供服务的人员。志愿服务（volunteer service）则是任何人自愿贡献时间和精力，在不为物质报酬的前提下为推动人类发展、社会进步和社会福利事业而提供的服务。</p>
								</div>
							</li>
							<li>
								<div class="banner-info">
									<h3>发展历史</h3>
									<p>中国青年志愿者协会（英文名Chinese Young Volunteers Association,简称CYVA）成立于1994年12月5日，是由志愿从事社会公益事业与社会保障事业的各界青年组成的全国性社会团体，是中国共产主义青年团中央指导下的，由依法成立的省、自治区、直辖市青年志愿者组织和全国性的专业、行业青年志愿者组织和个人自愿结成的全国性的非营利性社会组织，是全国青联团体会员，联合国国际志愿服务协调委员会（CCIVS）联席会员组织。本协会通过组织和指导全国青年志愿服务活动，提高青年的整体素质，为经济社会的协调发展和全面进步做出贡献。本协会在宪法和法律的范围内开展工作，奉行"奉献、友爱、互助、进步"的准则。</p>
								</div>
							</li>
						</ul>
					</div>
					</div>
		</div>
	</div>
	<!-- //banner -->
	<!-- welcome -->
	<div class="welcome">
		<!-- container -->
		<div class="container">
			<div class="welcome-info">
				<h3>青年志愿者协会</h3>
				<p class="caption">Chinese Young Volunteers Association</p>
				<p class="welcome-text">中国青年志愿者协会成立于1994年12月5日，是由志愿从事社会公益事业与社会保障事业的各界青年组成的全国性社会团体 ，是中国共产主义青年团中央指导下的，由依法成立的省、自治区、直辖市青年志愿者组织和全国性的专业、行业青年志愿者组织和个人自愿结成的全国性的非营利性社会组织，是全国青联团体会员，联合国国际志愿服务协调委员会（CCIVS）联席会员组织。</p>
			</div>
		</div>
		<!-- //container -->
	</div>
	<!-- //offer -->
	<!-- news -->
	<div id="news" class="news">
		<!-- container -->
		<div class="container">
			<div class="news-info">
				<h3>News &amp; Events</h3>
			</div>
			<div class="news-grids">
				<div class="col-md-4 news-grid">
					<div class="date">
						<h5><?php echo $signifi['0']['3']; ?></h5>	
					</div>
					<div class="date-bottom">
						<h4>举办部门：<?php echo $signifi['0']['1']; ?></h4>
						<h3>活动名称：<?php echo $signifi['0']['0']; ?></h3>
						<h2>活动意义：<?php echo $signifi['0']['2']; ?></h2>
					</div>
				</div>
				<div class="col-md-4 news-grid">
					<div class="date">
						<h5><?php echo $signifi['1']['3']; ?></h5>	
					</div>
					<div class="date-bottom">
						<h4>举办部门：<?php echo $signifi['1']['1']; ?></h4>
						<h3>活动名称：<?php echo $signifi['1']['0']; ?></h3>
						<h2>活动意义：<?php echo $signifi['1']['2']; ?></h2>
					</div>
				</div>
				<div class="col-md-4 news-grid">
					<div class="date">
						<h5><?php echo $signifi['2']['3']; ?></h5>	
					</div>
					<div class="date-bottom">
						<h4>举办部门：<?php echo $signifi['2']['1']; ?></h4>
						<h3>活动名称：<?php echo $signifi['2']['0']; ?></h3>
						<h2>活动意义：<?php echo $signifi['2']['2']; ?></h2>
					</div>
				</div>
				<div class="col-md-4 news-grid">
					<div class="date">
						<h5><?php echo $signifi['3']['3']; ?></h5>	
					</div>
					<div class="date-bottom">
						<h4>举办部门：<?php echo $signifi['3']['1']; ?></h4>
						<h3>活动名称：<?php echo $signifi['3']['0']; ?></h3>
						<h2>活动意义：<?php echo $signifi['3']['2']; ?></h2>
					</div>
				</div>
				<div class="col-md-4 news-grid">
					<div class="date">
						<h5><?php echo $signifi['4']['3']; ?></h5>	
					</div>
					<div class="date-bottom">
						<h4>举办部门：<?php echo $signifi['4']['1']; ?></h4>
						<h3>活动名称：<?php echo $signifi['4']['0']; ?></h3>
						<h2>活动意义：<?php echo $signifi['4']['2']; ?></h2>
					</div>
				</div>
				<div class="col-md-4 news-grid">
					<div class="date">
						<h5><?php echo $signifi['5']['3']; ?></h5>	
					</div>
					<div class="date-bottom">
						<h4>举办部门：<?php echo $signifi['5']['1']; ?></h4>
						<h3>活动名称：<?php echo $signifi['5']['0']; ?></h3>
						<h2>活动意义：<?php echo $signifi['5']['2']; ?></h2>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!-- //container -->
	</div>
	<!-- //news -->
	<!-- family -->
	<div class="family">
		<!-- container -->
		<div class="container">
			<div class="family-info">
				<h3>Society Family</h3>
			</div>
			<div class="family-grids">
				<div class="col-md-4 family-grid">
					<img src="images/<?php echo $list['0']['1']; ?>">
					<h4><?php echo $list['0']['0']; ?></h4>
					<h5><?php echo $list['0']['2']; ?></h5>
				</div>
				<div class="col-md-4 family-grid">
					<img src="images/<?php echo $list['1']['1']; ?>">
					<h4><?php echo $list['1']['0']; ?></h4>
					<h5><?php echo $list['1']['2']; ?></h5>
				</div>
				<div class="col-md-4 family-grid">
					<img src="images/<?php echo $list['2']['1']; ?>">
					<h4><?php echo $list['2']['0']; ?></h4>
					<h5><?php echo $list['2']['2']; ?></h5>
				</div>
				<div class="col-md-4 family-grid">
					<img src="images/<?php echo $list['3']['1']; ?>">
					<h4><?php echo $list['3']['0']; ?></h4>
					<h5><?php echo $list['3']['2']; ?></h5>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!-- //container -->
	</div>
	<!-- //family -->
	<!-- footer -->
	<div class="footer">
		<!-- //container -->
		<div class="footer-bottom">
			<!-- container -->
			<div class="container">
				<p>Copyright &copy; 小牛肉 2016</p>
			</div>
		</div>
	</div>
	<!-- //footer -->
</body>	
</html>